<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>历史订单</title>
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link th:include="rider/common::commonheader">
    <style>
        .row{
            margin-left: 0;
            margin-right: 0;
        }
        @media (min-width: 1200px){
            .col-lg-offset-1 {
                margin-left: 7%;
            }
        }

    </style>
</head>
<body style="background-color: #cccccc">
<!--wrapper-->
<div class="wrapper">
    <div th:replace="rider/common::#commonbody1"></div>
    <div th:replace="rider/common::#commonbody2"></div>
    <div class="row col-lg-offset-1" style="margin-top: 60px;">
        <div class="col-12 text-center pt-2 pb-2 fs-lg-1" style="background-color: #67ad5b;color:white">外卖订单</div>
        <div class="col-md-12 col-sm-12 col-lg-5 fs-lg-3 mt-3 col-lg-offset-1" style="background-color: white;" th:each="from,statar:${list}">
            <div class="row border-bottom">
                <div class="col-7 pt-3"><span>编号:<i style="color: red">#<i th:text="${from.getId()}"></i></i></span></div>
                <div class="col-5 pt-3 text-right" style="color: #90de8f">配送成功</div>
                <div class="col-7 pt-3" style="color: #cccccc" th:text="${from.getTimeString()}"></div>
                <div class="col-5 pt-3 text-right" style="color: #cccccc">下单人:<i th:text="${from.getName()}"></i></div>
            </div>
            <div class="row border-bottom">
                <span class="col-5 pt-3">取货地址:</span><span class="col-7 text-right pt-3">皖西学院光华大道月亮岛322#322</span>
                <span class="col-5 pt-3">收货地址:</span><span class="col-7 text-right pt-3" th:text="${from.getAddress()}"></span>
                <span class="col-5 pt-3">手机号:</span><span class="col-7  text-right pt-3" th:text="${from.getPhone()}"></span>
            </div>
            <div class="row border-bottom">
                <span class="col-12 pt-3 pb-5 text-left">合计：<i class="layui-icon layui-icon-gift" style="color: red"></i><i th:text="${from.getReward()}"></i></span>
            </div>
        </div>
    </div>
</div>
<div th:include="rider/common::#commontail"></div>
</body>
</html>
